Static,Dynamic 라우팅 , 옵셔널 체이닝 , 조건부 렌더링 , try,catch

Static Routing - routing next에서 router라는 기능을 import해와야 함. 그리고나서 router를 사용하기위해 라우터라는 변수에 useRouter()라는 값을 할당해준다. 이로써 router를 통해서 정보를 받아 올 수 있음. 버튼이 클릭되었을때 페이지가 이동해야 하는데 이때 버튼에 onClick걸어서 버튼을 누르면 이 함수가 실행되게 세팅한다. 함수 안에 있는...

dynamic routingstatic routingnext/router옵셔널 체이닝gqlroutingtry catch 문법useRouter조건부 렌더링삼항 연산자dynamic routing

Boot.React Day6

기존의 &&를 간단히 만든 조건부 렌더링입니다. 옵셔널 체이닝의 의미 data가 있으면 fetchboard를 가지고와 라는 뜻입니다. 옵셔널 체이닝은 저 data가 들어올때까지 기다리지 않고 비동기처리를 합니다. 따라서 data가 들어오지 않아도 밑으로 코드를 읽어나가기 때문에 다른 부분은 정상적으로 렌더링 됩니다. 그러다 data가 들어오면 data를 반영해 다시 렌더링을 해줍니다. 만일 ...

Props실무용 폴더구조비구조화 할당옵셔널 체이닝구조분해조건부 렌더링emition에 props 던지기Props